<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta content="text/html;charset=utf-8">
<title>用户注册</title>

<link href="resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="resources/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="resources/css/index.css" rel="stylesheet">

<link href="resources/bootstrap/css/bootstrapValidator.min.css" rel="stylesheet">
<link href="resources/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

</head>

<body>
	<div class="container-fluid">
		<div class="row">
			<h1 style="text-align:center;text-shadow:1px 1px;">
				<span class="glyphicon glyphicon-user"></span>用户注册
			</h1>
		</div>

		<div class="row">
			<s:if test="actionErrors.size()>0 || fieldErrors.size()>0">
				<div
					class="alert alert-danger col-sm-7 col-sm-offset-2">
					<s:actionerror />
					<s:fielderror />
				</div>
			</s:if>
		</div>

		<s:form name="checkReg" action="checkReg" method="post"
			class="form-horizontal container-fluid">
			<div class="form-group">
				<label class="col-sm-3 control-label">用户帐号</label>
				<div class="col-sm-6">
					<div class="input-group">
						<input type="email" class="form-control" name="employee.employeeEmail"
							id="employee.employeeEmail"
							placeholder="Email" value="${employee.employeeEmail}">
						<span class="input-group-addon"> 
							<span class="glyphicon glyphicon-envelope"></span>
						</span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">用户姓名</label>
				<div class="col-sm-6">
					<div class="input-group">
						<input type="text" class="form-control"
							name="employee.employeeName" value="${employee.employeeName }" placeholder="Name"
							data-bv-notempty data-bv-notempty-message="用户姓名不能为空."
							data-bv-stringlength data-bv-stringlength-min="3"
							data-bv-stringlength-max="30">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-user"></span>
						</span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">用户密码</label>
				<div class="col-sm-6">
					<div class="input-group">
						<input type="password" class="form-control"
							name="employee.password" value="${employee.password }" placeholder="Password"
							data-bv-notempty data-bv-notempty-message="用户密码不能为空."
							data-bv-stringlength data-bv-stringlength-min="6"
							data-bv-identical="true"
							data-bv-identical-field="employee.againpwd"
							data-bv-identical-message="两次密码不一样">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-eye-close"></span>
						</span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">再次输入</label>
				<div class="col-sm-6">
					<div class="input-group">
						<input type="password" class="form-control"
							name="employee.againPwd" value="" placeholder="Again"
							data-bv-identical="true"
							data-bv-identical-field="employee.password"
							data-bv-identical-message="两次密码不一样">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-eye-close"></span>
						</span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">出生日期</label>
				<div class="col-sm-6">
					<div class='input-group date' id='datetimepicker1'>
						<input type="text" class="form-control" name="employee.birthday"
							value="${employee.birthday }" placeholder="出生日期"> 
						<span
							class="input-group-addon"> 
							<span class="glyphicon glyphicon-calendar"></span>
						</span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">联系电话</label>
				<div class="col-sm-6">
					<div class="input-group">
						<input type="text" class="form-control" name="employee.contact"
							value="${employee.contact }" placeholder="Phone">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-phone-alt"></span>
						</span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">性别</label>
				<div class="col-sm-6">
					<select name="employee.sex" id="checkReg_employee_sex"
						class="form-control">
						<option value="0">请选择性别</option>
						<option value="1">男</option>
						<option value="2">女</option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-7">
					<div class="btn-group btn-group-justified">
						<a class="btn btn-info" style="padding:0;">
							<button type="submit" id="ok"
								style="width:100%;background:none;border:0;margin:0;padding:0;">提交注册</button>
						</a> <a class="btn btn-info"><button type="reset"
								style="width:100%;background:none;border:0;margin:0;">重填</button></a>
						<a href="login.do" class="btn btn-info" style="padding:0;">返回登录</a>
					</div>
				</div>
			</div>
		</s:form>

	</div>
	<script src="resources/bootstrap/js/jquery.min.js"></script>
	<script src="resources/bootstrap/js/bootstrap.min.js"></script>

	<script	src="resources/bootstrap/js/bootstrapValidator.min.js"></script>
	<script	src="resources/bootstrap/js/zh_CN.min.js"></script>
	<script src="resources/bootstrap/js/moment.min.js"></script>
	<script	src="resources/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
	
	<script src="resources/js/register.js"></script>
</body>
</html>
